﻿

* { margin: 0; padding: 0; z-index: 1; }
/*---------- Cabecalho------------------ */
body {
  margin: 0;
  font-family:Arial;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  
    
       background-position:right bottom;
       background-color: #f2f2f2;
}


html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}





.cabecalho {
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
     -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    width:100%;
    max-width:990px;
    text-align: center;
    margin :auto;
   padding:10px;
  float:none;
     background:url(/Imagens/Cabecalho/sicoob_fundo2.png) no-repeat;
       background-position:left top;
   background-color: #003642;
  height:100px;

}


.div_fundo_img1
{
    float:right;
      -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    background-color: #003642;
      background:url(/Imagens/Cabecalho/sicoob_fundo1.png) no-repeat;
        /*background-position:top right;*/
        height:100px;
         width:206px;
        

}

.logo_

{
   margin:0%;  
   background-position:center;
   max-width:458px;
   max-height:57px;
   width :100%;
   height:100%;
}
h2
{
    padding:10px;


}



/*-----------------------menu de opcoes----------------------------*/

.cabecalhomenu
{
    
     
       background-position:left top;
   background-color: #003642;
 height:30px;
 text-align:center;

 
 width:100%;
 max-width:1010px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
}    





/*-----------------corpo---------------------------*/


img
{
      border-width:0px;
}

 
.row {
 
     border-left:10px solid #003642;
     border-right:10px solid  #003642;
     margin-right:auto;
     margin-left:auto;
     
     
     padding-top:30px;
     padding-bottom:50px;
     
     background:url(/Imagens/Intranet/fundo/fundo_intranet.png) no-repeat;
     background-position:top right;
     background-color:white;

      width:100%;
      max-width:990px;
    
 
 text-align:center;
  /*margin-left: 20px;*/
  /**zoom: 1;*/
  /*border-width:1px;*/
 
  /*height:2000px;*/
  /*border-color:black;*/
  /*margin:20%;*/
}



table#landrel {
    border: solid 1px white;
    border-collapse: collapse;
    color:white;
    margin-left:auto;
     margin-right:auto;
     margin-top:20px;
     width:1200px;
   
      
}

table#landrel td {
    padding: 5px;
    border: solid 1px #e8eef4;
    color:black;


   
   
}

table#landrel th {
    padding: 6px 5px;
    text-align: left;
    background-color: #003b42;
    border: solid 1px white;
}

table#cabecalhorel
{


     border: solid 1px Black;
    border-collapse: collapse;
    margin-left:auto;
     margin-right:auto;
     margin-top:5px;
     width:1200px;

}

span#titulo_rel
{
    font-weight:400;
    font-size:25px;

}
table#cabecalhorel td
{

    text-align:center;
    font-size:15px;
    color:black;
    padding:5px;


}


div#filtros
{
    margin:auto;
    text-align:center;
}

img#opcoes
{
    margin-left:30px;
   
}

.divcabecalhorel
{
      border: solid 2px black;
        width:600px;
        text-align:center;
       margin:auto;
       float:right;

}

.bs-callout {
   

  margin-left:5px;
  padding: 5px 10px 5px 10px;
  border-left: 5px solid #eee;
  /*width:400px;*/
  height:18px;
  display: inline-block;

  
}
.bs-callout h4 {
 
    margin-top:auto;
    margin-bottom:auto;
  color:black;
 
}

.bs-callout-danger {
  background-color: #d0e3f0;
  border-color:#003b42;
  /*opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);*/
}

img#trocar
{
     display: inline-block;
     padding-left:5px;
  margin-bottom: -4px;
   
}
.topico {
     max-width: 300px;
     font-family: Arial;
     font-size: 20px;
     padding: 10px;
     font-weight: 600;
     margin-right: auto;
     margin-left: auto;
       -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
     -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;

     border-left:1px solid #CCC;
     border-right:1px solid #CCC;
     border-top:1px solid #CCC;
 } 


/*-----------------rodapé---------------------------*/
.div_rodapé
 
 { 
    
  -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomleft: 10px;
          -moz-border-radius-bottomleft: 10px;


          -webkit-border-bottom-right-radius: 10px;
     -moz-border-radius-bottomright: 10px;
          -moz-border-radius-bottomright: 10px;

  background-color: #003642;
  max-width:990px;
  min-height:100px;

  text-align:center;
  margin:auto;
  float:none;
  padding:10px;

   width:100%;
   height:100%;

   }

.userlogado
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
    background-color:#003b42;
    height:20px;
    text-align:center;
    color:white;
    position:static;
    padding:7px;
    max-width:500px;

}

.sessao
{
  
    
    
    margin-top:3%;
   
    /*background-color:#003b42;*/
     position:relative;
    text-align:left;
    color:white;
  
   
}

.divarea
{



-webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
          /*border:1px solid;*/
       
  background-color:white;
  max-width:550px;
  max-height:90px;    
    margin:auto;        
width:100%;
heigth:100%;

padding:1%;
}

.bsair
{
        -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
    float:left;
    margin-right:1%;
    margin-top:2%;
    background-color:#003b42;
    height:20px;
    text-align:center;
    color:white;
    padding:7px;
   
}
    


.bsair:hover 
{

    background-color:#00af9f;
    cursor: pointer;
}



/* ------------------------------Formularios ----------------------------------*/


fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

fieldset#documentos {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    width:300px;
}


fieldset#usuarios {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    width:80%;
}


legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 150px;
    width: 500px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
   
  
}


label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family:  Arial
}





select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  border: 1px solid #cccccc;
  vertical-align: middle;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


.input_grande {
 
  width:70%;   
max-width: 500px;

}


input,
.uneditable-input {
  width: 300px;
}

.input_usuario {
    
max-width: 500px;

}

/*#
{

     width: 500px;
}*/
    input#calendario1
    {
         width: 100px;
        z-index: 1000;
    }

     input#calendario2
    {
         width: 100px;
         z-index: 1000;
    }



textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.4s, box-shadow linear 0.4s;
     -moz-transition: border linear 0.4s, box-shadow linear 0.4s;
       -o-transition: border linear 0.4s, box-shadow linear 0.4s;
          transition: border linear 0.4s, box-shadow linear 0.4s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px ;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;

}


select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 300px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.select_medio {
  width: 500px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}


select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
   overflow: hidden;
  white-space: nowrap;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom:10px;
  *margin-left: .3em;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
      


}



.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}



    .btn img
    {
        float:left;
        margin-right:5px;
    }



.box_white
{
    overflow: hidden;
    background-color:transparent;
    border: 1px solid #CCC;
    padding: 20px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.27);
    margin-bottom: 30px;
    

}

.box_small
{
  
    background-color:transparent;
    border: 1px solid #CCC;
  padding:2% 0% 2% 2%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    margin:auto;
    text-align:left;
    max-width:500px;  
  

}
 
.box_medio
{
   
    background-color:transparent;
    border: 1px solid #CCC;
    padding:2% 0% 2% 2%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    margin:auto;
    text-align:left;
    max-width:850px;  
    width:100%;
}

.txt_numeros {

max-width:50px;
}
 
ul#downloads {
padding: 0px;
margin:0px;
  /*-- se quiser edite a largura total do menu --*/
 float:none;
list-style:none;
color:#003b42; 
font-size: 25px; /*-- edite tamanho da fonte--*/
 font-family:Arial;

}
ul#downloads li {

margin: 0px;
padding: 10px 25px 0px 28px;
text-align:left;
/**display:inline;
*zoom:1;*/
font-size:17px;
height:40px;
width:250px;

}

ul#downloads li img {

margin-right: 10px;


}

    ul#downloads a
    {
        text-decoration:none;
        color:#003b42; 
    }
ul#downloads li:hover
    {
      
       
		background-position:left;
		background-repeat:no-repeat;
        cursor:pointer;
        border-width:1px;
        border-style:solid;
        border-color:#003b42; 


    }

form .txtLabel
{
    color:white;
    display: inline-block;
    width: 150px;
    text-align: center;
    overflow: hidden;
    padding: 0;
    background: #003b42;
    border: 1px solid #CCC;
    border-top-left-radius: 5px; 
    border-bottom-left-radius: 5px; 
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
   


}


.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error
{
    border-color:#f00;
    background-color: #fee;
}


.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}






/*--------------------- Alerta -------------------------*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 3px #999;
	color: black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color:white;
	background: #003b42 ;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url('../images/info.gif');
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url('../images/info.gif');
}

#popup_content.confirm {
	background-image: url('../images/important.gif');
}

#popup_content.prompt {
	background-image: url('../images/help.gif');
}

#popup_message {
	padding-left: 48px;
    color:black;
    font-size: 14px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt
{
    margin: .5em 0em;
}

a.dcontexto {
	position: relative;
	font: 14px arial, verdana, helvetica, sans-serif;
	padding: 0;
	color: #039;
	text-decoration: none;
    float:left;
	z-index: 10;
 
}
a.dcontexto:hover {
	background: transparent;
	z-index: 10;
}
a.dcontexto span {
	display: none;
}
a.dcontexto:hover span {
	display: block;
	position: absolute;
    width:120px;
	top: 0em;
	text-align: center;
	left: 4em;
	font: 15px Verdana, arial, helvetica, sans-serif;
	padding: 5px 10px;
	border: 1px solid #999;
	background: #003b42;
	color: white;
}

a.dcontexto_aviso {
	position: relative;
	font: 14px arial;
	padding: 0;
	color: #039;
	text-decoration: none;
	z-index: 10;
}
a.dcontexto_aviso:hover {
	background: transparent;
	z-index: 10;
}
a.dcontexto_aviso span {
	display: none;
}
a.dcontexto_aviso:hover span {
	display: block;
	position: absolute;
    width:150px;
	top: 0em;
	text-align: center;
	left: 3em;
	font: 15px arial;
	padding: 5px 10px;
	border: 1px solid #999;
	background: #003b42;
	color: white;


}

